*:focus {
	outline: 1px dotted #4040ff !important;
}

body.b-auth-screen {
    background: #bdcadb url(../img/body-bg.jpg) no-repeat fixed right 10% !important;
    -webkit-font-smoothing: antialiased;
}

body.b-main-screen {
    background-color: #8c8c8c;
    -webkit-font-smoothing: antialiased;
}

div.agent-header-panel{
    border: 4px solid transparent;
    border-right: 8px solid transparent;
    color: white;
    font-size: 18px;
    line-height:normal;
    padding-right: 66px;
    background: transparent url("../img/mini-logo.png") right center no-repeat;
}
/****************************auth dialog****************************************/
div.b-auth-win {
	background : white url("../img/auth-background.png") right top no-repeat;
	-moz-box-shadow: threedshadow 3px 3px 9px 0;
    -webkit-box-shadow: threedshadow 3px 3px 9px 0;
    box-shadow: threedshadow 3px 3px 9px 0;	
}

div.b-auth-win .popupContent {
	background : transparent url("../img/auth-logo.png") 70px 50% no-repeat;
	height: 270px;
	display: table-cell;
	vertical-align: middle;
}

.b-auth-win .b-auth-content {
	padding: 0 70px 0 270px;
}

table.b-auth-content td {
	padding: 5px;
	text-align: left;
}

.b-auth-win .b-auth-heading {
	font: normal 18px "Trebuchet MS", Verdana, sans-serif;
	color: #333333;
}

.b-auth-win .b-auth-label {
	font: normal 13px "Lucida Grande","Lucida Sans Unicode",Arial,Tahoma,sans-serif;
	color: #333333;
	width: 	100px;
}

/*******************************************************************************/

/*
    Example;

div.agent-header-panel{
    border: 8px solid black;
    background: black url("../img/logo-bg.png") right top no-repeat;
    border-bottom: none;
    margin-bottom: 8px;
    padding-right: 50px;
    height: 45px;
}

div.agent-state-menu {
    background: url("../img/menu-selector.png") right 12px no-repeat;
}

span.agent-name {}
span.agent-extension {}
span.agent-sate-timer {}
span.agent-links {}

*/